<template>
  <div>

    <crumbs :BreadCrumb="BreadCrumb"></crumbs>
            <div class="header_top">
              <div>
                <el-form
                  :inline="true"
                  :model="formInline"
                  class="demo-form-inline"
                >
                  <el-form-item label="姓名">
                    <el-input
                      v-model="formInline.user"
                      placeholder="姓名"
                    ></el-input>
                  </el-form-item>
                  <el-form-item>
                    <el-button @click="onSubmit">查 找</el-button>
                  </el-form-item>
                  <el-form-item class="staff_form_btn">
                    <el-button type="primary" @click="dialogFormVisible = true"
                      >添加</el-button
                    >
                  </el-form-item>
                </el-form>
              </div>
              <el-divider></el-divider>
            </div>
            <div class="main_box_title">员工信息</div>
            <el-table :data="tableData">
              <el-table-column prop="date" label="编号" width="80">
              </el-table-column>
              <el-table-column prop="name" label="姓名" width="220">
              </el-table-column>
              <el-table-column width="80" prop="address" label="性别">
              </el-table-column>
              <el-table-column prop="address" label="出生日期">
              </el-table-column>
              <el-table-column prop="address" label="身份证号">
              </el-table-column>
              <el-table-column prop="address" label="所在部门">
              </el-table-column>
              <el-table-column prop="address" label="岗位"> </el-table-column>
              <el-table-column prop="address" label="职务"> </el-table-column>
              <el-table-column prop="address" label="手机号"> </el-table-column>
              <el-table-column prop="address" label="简介/特长">
              </el-table-column>
              <el-table-column prop="address" label="是否启用">
                <template slot-scope="scope">
                  <el-checkbox :disabled="scope.row" label=""></el-checkbox>
                </template>
              </el-table-column>
              <el-table-column prop="address" label="编写者"> </el-table-column>
              <el-table-column prop="address" label="手机号"> </el-table-column>
              <el-table-column width="200" prop="address" label="操作">
                <template slot-scope="scope">
                  <el-button
                    @click="handleClick(scope.row)"
                    type="primary"
                    size="small"
                    >编辑</el-button
                  >
                  <el-button
                    @click="remove(scope.row)"
                    type="danger"
                    size="small"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
    <!-- 体检套餐添加编辑 -->
    <addPages :dialogFormVisible="dialogFormVisible" :set="set"></addPages>
  </div>
</template>

<script lang="ts">
import crumbs from "../../views/Crumbs.vue";
  import Vue from 'vue'

import addPages from "../common/basic/addPages.vue";
import projectlist from "../common/basic/projectlist.vue";
  export default {
  components: {
    crumbs,
    addPages,
    projectlist
  },
    data(){
      return {
        set:2,
      dialogFormVisible:false,
      BreadCrumb: [
        { path: "", name: "基础管理" },
        { path: "", name: "体检套餐" },
      ],
        formInline:{}
      }
    }
  }
</script>

<style scoped>

.main_box_title {
  background: #fff;
  padding: 10px;
}
.aside_box_title {
  margin: 0px 8px 10px;
  /* text-align: center; */
}
.header_top .el-divider--horizontal {
  margin-top: 0px;
}
</style>
